<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<script src="./bootstrap/js/bootstrap.bundle.js"></script>
		<script src="./js/jquery-3.6.0.min.js"></script>
		
		<title>网格系统测试</title>
	</head>
	<style type="text/css">
		.row>div{
			/* border: #04414D 1px solid; */
		}
		*{
			margin: 0;
			padding: 0;
		}
	</style>
	<body>
		
		<div class="container-fluid">
			<div class="row" style="height: 500px;">
				<div class="col-5">
					1
				</div>
				<div class="col-5">
					2
				</div>
				<div class="col-2">
					3
				</div>
			</div>
			
			<div class="row">
				<div class="col-10 col-lg-5 col-md-6 col-sm-5">
					1
				</div>
				<div class="col-1 col-lg-5">
					 2
				</div>
				<div class="col-1 col-lg-2">
					 3
				</div>
			</div>
			<div class="row">
				<div class="col-lg-1 col-md-10 col-xl-5">
					a
				</div>
				<div class="col-lg-1 col-md-0 col-xl-1">
				b	
				</div>
				<div class="col-lg-10 col-md-0 col-xl-6">
					c
				</div> 
			</div>
		</div>
		
		
		
		
	</body>
</html>
